<template>
	<div class="headtitle flex-h">
		<span class="flex1 sp1">{{headtitle}}</span>
		<span class="flex1 sp2" @click="goto(ser,porve)">
			<svg-icon icon-class="school_icon_search" /></span>
	</div>
</template>

<script>
	export default {
		props: {
			headtitle: String,
			ser: String,
			porve:String
		},

		data() {
			return {

			};
		},
		computed: {

		},
		mounted: function() {},
		methods: {
			goto(routerName, queryData) {

				this.$router.push({
					path: routerName,
					query: {
						type: queryData
					}
				});

			},
			sures() {
				this.$emit("btnClick")


			}

		}
	};
</script>


<style scoped lang="less">
	.headtitle {
		width: 7.5rem;
		height: 46px;
		background: #fff;
		padding: 0 0.3rem;
		box-sizing: border-box;
		font-weight: bold;

		.sp1 {
			text-align: left;
			font-size: 0.5rem;
			color: #222;
			font-weight: bold;
		}

		.sp2 {
			text-align: right;

			svg {
				width: 0.4rem;
				height: 0.4rem;
			}
		}
	}
</style>
